<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=640,maximum-scale=1.3,user-scalable=no,minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-touch-fullscreen" content="no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>成为代理商</title>
	<link href="css/sweetalert.css" type="text/css" rel="stylesheet">
	<link href="css/pets.css" type="text/css" rel="stylesheet">
</head>

<body>
	<div class="back pa">
		<div onClick="window.history.go(-1)"><img src="images/del.png" /></div>
	</div>
	<div class="title_faq tc cf">成为代理商</div>
	<section class="box02-agent cf">
		<ul class="cf">
			<li><input type="text" class="text" placeholder="您的姓名" /></li>
			<li><input type="tel" maxlength="11" class="text" placeholder="您的手机号" /></li>
			<li class="pr"><input type="tel" maxlength="11" class="text text_short" placeholder="验证码" /><span class="countbtn pa" id="validbtn">获取验证码</span>
				<span class="countbtn pa" id="countbtn" style="display:none;">重获验证码(<b>60</b>)s</span>
			</li>
			<li class="sex"><span class="on">男</span><span>女</span></li>
			<li>
				<div class="selectwrap">
					<select id="selecttype">
					<option>类型</option>
					<option>一般消费者</option>
					<option>宠物店</option>
					<option>宠物医院</option>
					<option>猫舍</option>
					<option>商超</option>
					<option>宠物食品用品类网店</option>
					<option>其他类网店</option>
					<option value="0">其他请注明</option>
				</select>
				</div>
			</li>
			<li class="none" id="type"><input type="text" class="text" placeholder="其他请注明" /></li>
			<li><input type="text" class="text" placeholder="公司名称" /></li>
			<li>
				<div class="selectwrap">
					<select id="selectinterest">
						<option>对我们什么产品感兴趣</option>
						<option>猫粮</option>
						<option>猫罐头</option>
						<option>猫砂</option>
						<option>除菌清洁喷雾</option>
						<option>猫抓饭</option>
						<option>猫窝</option>
						<option>猫玩具</option>
						<option>洗护用品</option>
						<option>日本OEME服务</option>
						<option value="0">其他请注明</option>
					</select>
				</div>
			</li>
			<li class="none" id="interest"><input type="text" class="text" placeholder="其他请注明" /></li>
			<li><input type="text" class="text" placeholder="您的邮箱" /></li>
			<li class="city" id="citySelect">
				<span class="prov selectwrap"><select name="prov"></select></span>
				<span class="city selectwrap"><select name="city" disabled="disabled"></select></span>
			</li>
			<li class="cf"><input type="text" class="text" placeholder="邮寄地址" /></li>
			<li class="cf">
				<div class="qatitle"><span>是否愿意加入我们</span></div>
				<dl class="joinlist">
					<dt>成为经销商</dt>
					<dt>成为代理商</dt>
					<dt>其他</dt>
					<dt>暂时不考虑</dt>
				</dl>
			</li>
			<li><textarea class="textarea" placeholder="在此留言"></textarea></li>
		</ul>
		<div class="btnbox tc">
			<div class="pinkbtn">提交</div>
		</div>
	</section>
	<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
	<script type="text/javascript" src="js/sweetalert.min.js"></script>
	<script type="text/javascript" src="js/jquery.pop.js"></script>
	<script src="js/citydata.js"></script>
	<script src="js/cityselect.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script>
		//swal('测试alert框')
		$('.sex span').click(function () {
			$(this).siblings().removeClass('on');
			$(this).toggleClass('on');
		})
		$('.joinlist dt').click(function () {
			$(this).siblings().removeClass('on');
			$(this).toggleClass('on');
		})
		$("#citySelect").citySelect();
		$('#selecttype').change(function () {
			var val = $(this).val();
			if (val == 0) {
				$('#type').show();
			} else {
				$('#type').hide();
			}
		})
		$('#selectinterest').change(function () {
			var val = $(this).val();
			if (val == 0) {
				$('#interest').show();
			} else {
				$('#interest').hide();
			}
		})
	</script>
</body>

</html>